<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title>医疗设备系统</title>
    <!-- css -->
    <link rel="shortcut icon" href="../../../image/favicon.ico">
    <link rel="stylesheet" href="../../../plugins/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../../plugins/iziModal/css/iziModal.min.css">
    <link rel="stylesheet" href="../../../plugins/flavr/flavr.css">
    <link rel="stylesheet" href="../../../public/css/public.css">
    <!-- js -->
    <script src="../../../public/js/rem.js"></script>
    <script src="../../../plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script src="../../../plugins/jQuery/jquery.cookie.js"></script>
    <script src="../../../plugins/fastclick/fastclick_1.0.6.min.js"></script>
    <script src="../../../plugins/flavr/flavr.min.js"></script>
    <script src="../../../plugins/echarts/echarts.min.js"></script>
    <script src="../../../plugins/iziModal/js/iziModal.min.js"></script>
    <script src="../../../plugins/tableHeadFixer/tableHeadFixer.js"></script>
    <script src="../../../public/js/public.js"></script>

    <!-- my css js -->
    <link rel="stylesheet" href="../../../css/area/overview/overview.css">
    <script src="../../../js/area/overview/overview.js"></script>
</head>
<body>
<!-- 头部 -->
<div id="header"></div>

<div id="container">
    <!-- 左侧 -->
    <div id="container-left" class="body left">
        <div class="top">
            <%-- 医院总数 --%>
            <div class="total hospital-count">
                <h3 class="title">医院总数：<span id="hospital-count">0</span>家</h3>
                <div id="hospital-counts"></div>
            </div>
            <%-- 负荷率 --%>
            <div class="total load-rate">
                <h3 class="title">负荷率</h3>
                <div id="load-rate-chart" style="height: 180px;"></div>
            </div>
            <%-- 设备情况 --%>
            <div class="total assets">
                <div id="assets-chart" style="height: 180px;"></div>
                <div class="align-center">
                    <p>设备数量：&nbsp;<span id="assets-count">0台</span><img src="../../../plugins/charts/images/arrow_zero.png"></p>
                    <p>重点设备：&nbsp;<span id="key-point-assets">0台</span></p>
                </div>
            </div>
            <%-- 服务人次 --%>
            <div class="total person-times">
                <div id="person-chart" style="height: 180px;"></div>
                <div class="align-center">
                    <p>今年人次：&nbsp;<span id="person-count">0</span><img src="../../../plugins/charts/images/arrow_zero.png"></p>
                    <p>住院人次：&nbsp;<span id="inpatient-assets">0</span></p>
                </div>
            </div>
        </div>
        <div class="bottom">
            <%-- 医院分布图 --%>
            <div id="hospital-distribution"></div>
        </div>
    </div>

    <!-- 右侧 -->
    <div id="container-right" class="body right"></div>
</div>
</body>
</html>
